<template>
  <div class="mian">
    <dv-scroll-board :config="config" style="width: 100%; height: 100%" />
  </div>
</template>
<script setup>

import { onMounted, nextTick } from "vue";

const config = {
  header: ["监测设备", "类型", "上传时间"],
  data: [
    ["CAM-5", ".jpg", "09-10"],
    ["YL-ES", ".dat", "09-11"],
    ["HMP110", ".dat", "09-11"],
    ["AT-CO₂", ".dat", "09-10"],
    ["YL-WSD", ".dat", "09-10"],
    // ["LI-7700", ".xlsx", "02-15"],
    // ["IRGASON", ".xlsx", "02-07"],
    // ["Stardot NetCam", ".jpg", "02-13"],
    // ["AutoSIF", ".txt", "03-05"],
    // ["Stardot NetCam", ".jpg", "02-05"],
    // ["AutoSIF", ".txt", "03-07"],
    // ["LI-7700", ".xlsx", "02-12"],
    // ["IRGASON", ".dat", "03-01"],
  ],
  index: true,
  // 表格宽度
  columnWidth: [80, 140, 80, 120],
  align: ["center"],
  hoverPause: false,
};

onMounted(() => {
  // 等待下一次DOM更新后执行
  nextTick(() => {});
});

</script>
<style scoped>
.main {
  display: flex;
  width: 100%;
  height: 100%;
}
</style>